import React from "react";

import style from './index.module.css'
const {user,bac,headPortrait,information} = style

interface IuserName_phone {
    name?:string,
    phone?:number,
    headPortrait?:string
}

export default function User(props:IuserName_phone){
    return (
        <div className={user}>
            <div className={bac}></div>
            <div>
                <div className={headPortrait} style={{backgroundImage:`url(${props.headPortrait})`,backgroundSize:'cover'}}></div>
                <div className={information}>
                    <p>用户名：{props.name}</p>
                    <p>手机号：{props.phone}</p>
                </div>
            </div>
        </div>
    )
}